●日記飾り２

＋－－　日記の『可愛い素材枠』飾り（左寄せ文字用）のソースだよ！　－－＋

前のページよりも少し高度になりますよ！
まずは日記枠に自分が使いたい素材を素材屋さんから探してきて「画像の倉庫」へ登録してから始めてね！

今回のソース例で私が選んだ素材は↓のとおりです。

　　

　　　→　http://･･･/1ban.gif　　　　　

　 →　http://･･･/2ban.gif

　　

　　　→　http://･･･/3ban.gif　　　　　

　　　→　http://･･･/4ban.gif

　　

　 →　http://･･･/5ban.gif　　　　　

　　　→　http://･･･/6ban.gif

頑張ってチャレンジして自分だけの可愛い日記枠を作ってみてね☆彡

【↓ソース↓】

<table bgcolor="#ffffff" border="0" align="center" width="600" height="100%" cellpadding="0" cellspacing="0"><tbody><tr><td align="center" valign="middle"><IMG src="http://･･･/1ban.gif" width="12" height="12" border="0"></td><td background="http://･･･/2ban.gif"></td><td align="center" valign="middle"><IMG src="http://･･･/4ban.gif" width="12" height="12" border="0"></td></tr><tr><td background="http://･･･/3ban.gif"></td><td valign="top" width="576" height="100%"><TABLE border="0" cellpadding="30" cellspacing="0" width="576" height="100%"><TR><TD align="left"><font size="2">

☆　ここに日記を書きます　☆

</TD></TR></TABLE></td><td background="http://･･･/6ban.gif"></td></tr><tr><td><IMG src="http://･･･/4ban.giff" width="12" height="12" border="0"></td><td background="http://･･･/2ban.gif"></td><td><IMG src="http://･･･/1ban.gif" width="12" height="12" border="0"></td></tr></tbody></table>

↑色の付いた部分のみ自分で修正すればよいわけです。
ではひとつづつ説明していきましょう♪↓

bgcolor="#ffffff"　→　これは日記の背景に色を付ける箇所です。お好きなコードを入れてね！
　　　　　　　　　　　　　　　　このまま使うと背景は白です。（コード表(一部)を参照してね）
　　　　　　例）#ff6600　#999900　#cc0000　#666600　#ff6600　#333366　#ff66ff　#990000

600　　　　→　日記の幅です。500～700位にすればよいのではないでしょうか。お好みで変更すべし！

http://･･･/1ban.gif　　→　楽天サイトで言うならば「画像の倉庫」のＵＲＬアドレスです。

12　　　　→　日記の飾り枠の幅と高さ。ピクセル。

576　　　→　この例では日記幅が600なので12×2（飾り枠の幅計）を引いて576となります。

今回の例のソースの出来上がりはこんな感じ↓

今回のは難しいぞ～ちょっと頭がこんがらがるぞ～よーくよーくソースと出来上がりを比較してみるぞ～い。よく見れば簡単だぞ～。今日はいい天気だ・・あれやこれやうだうだあれやこれやうだうだあれやこれやうだうだあれやこれやうだうだあれやこれやうだうだあれやこれやうだうだあれやこれやうだうだあれやこれやうだうだ

6-1

どうでしょう・・わかりましたか？どうかな・・わかったかな・・。ぜひチャレンジしてみてね～(#^.^#)

　　